﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>iGoal</title>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="scripts/fancybox/jquery.mousewheel-3.0.2.pack.js"></script>
<script type="text/javascript" src="scripts/fancybox/jquery.fancybox-1.3.1.js"></script>
<script type="text/javascript" src="scripts/jquery.jeditable.js"></script>
<script type="text/javascript" src="scripts/DD_roundies_0.0.2a-min.js"></script> 
<link rel="stylesheet" type="text/css" href="script/fancybox/jquery.fancybox-1.3.1.css" media="screen" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="styles/tmpStyle.css" rel="stylesheet" type="text/css" />
<script type="text/javascript">

$(document).ready(function() {
DD_roundies.addRule('.bogoc', '5px', true);
});



	</script>
</head>
<body>
<div id="all">
  <div id="header">
    <div class="top">
      <input type="text" class="input_search" />
      <input type="button" class="button_search" />
    </div>
    <div class="banner">
      <div id="logo"><img src="images/logo/logo.png" alt="igoal.vn" /></div>
      <div class="w1">
        <div></div>
      </div>
      <div id="slogan">chia sẻ mục tiêu của bạn</div>
    </div>
  </div>
  <div id="acc_contain"> <a class="avatar"><img src="images/avatar.png" alt="" /></a>
    <div class="infomation">
      <div class="title"><b style="float:left">“</b> <div class="editable edittext" style="display:inline">hôm nay buồn buồn sao ý mấy bạn ạ... </div><b>”</b></div>
      <div class="updatetime">Cập nhật cách đây 1 giờ 20 phút</div>
      <div class="icon"> <a class="smiles"></a>
        <div class="w2"></div>
        <a class="contact"></a>
        <div class="w2"></div>
        <a class="friend"></a>
        <div class="w2"></div>
        <a class="support"></a> </div>
    </div>
  </div>
  <div class="w3"></div>
  <div id="infomation">
    <div id="left">
    
      <div class="uploadAvatarPopup" style="display:none;">
      	<span class="icon_1 uploadAvatarIcon"></span><h1>Thay đổi hình đại diện</h1>
        <div class="clearthis"></div>
        <div class="uploaderBox">
        	<p>Bạn có thể tải tập tin <b>JPG</b>, <b>GIF</b> hoặc <b>PNG</b>, tối đa là <b>4MB</b>, kích cỡ tối thiểu <b>180x180px</b></p>
            
            <div class="input-file">
                    <label><span>Chọn file...</span>
                    <input type="hidden" value="4194304" name="MAX_FILE_SIZE">  
                    <input type="file" id="avatarFile" name="avatarFile">
                    </label>
                    <var>
                    <input type="text" readonly="readonly" value="" id="txtFileName" name="txtFileName">
                    </var> 
            </div>
        	<p class="termUploader">iGoal không chịu trách nhiệm với bất cứ vi phạm về bản quyền và nội dung về hình ảnh do thành viên đăng tải.Xin vui lòng đọc kỹ <a href="#">Điều Khoản Sử Dụng</a></p>
            <a href="#" class="icon_1 btnUploadAvatar">Đăng ảnh</a>
        </div>
      </div>
      <style>
		.avatarEditor h2{font-size:18px;color:#F60;font-weight:bold;padding:30px 0px 0px 0px}
		.avatarEditor .beforeAvatar{float:left}
		.avatarEditor .afterAvatar{float:right;width:120px;padding:30px;border:1px dashed #999;}
		.avatarEditor p{line-height:160%;color:#333;font-weight:bold;padding-bottom:10px;padding-top:3px}
	</style>	
      <div class="avatarEditor">
     	 <span class="icon_1 uploadAvatarIcon"></span><h1>Thay đổi hình đại diện</h1>
         <div class="clearthis"></div>
         <h2>CHỈNH SỬA ẢNH ĐẠI DIỆN</h2>
         <p>Click chuột và rê để chọn khu vực bạn muốn làm avatar</p>
         <div class="beforeAvatar">
         <img src="images/avatar/avatar_big.gif" width="442"/>
         </div>
         <div class="afterAvatar">
          <img src="images/avatar/avatar_crop.gif" width="120"/>
          <p>Ảnh đại diện của bạn</p>
          <a href="#" class="icon_1 btnUploadAvatar" style="margin-left:10px">HOÀN THÀNH</a>
         </div>
      </div>
    </div>
    <div id="right">
    	<div class="w6"></div>
    	<div id="goalrank">
        	<div class="title">Thông tin về mục tiêu này</div>
            <div class="rank">Tổng số người thực hiện: <b>1400</b> người<br />
            Tổng số người hoàn thành: <b>375</b> người<br />
            Thời gian trung bình hoàn thành: <b>32</b> ngày<br />
            Tổng số giải pháp đưa ra: <b>500</b> người<br />
            </div>
        </div>
      <div class="question">
        <h1>Cập nhật thông tin cá nhân</h1>
      </div>
      <div id="updateuser" class="bogoc">
        <div class="score2">
        	<div class="scorebar">
            	<div class="left"></div>
                <div class="center" style="width:70px">25% |</div>
                <div class="right"></div>
            </div>
        </div>
        <div class="w6"></div>
        <div class="sharingtip">
          <div class="icontip"></div>
          <div class="tip"><a>Cập nhật các thông tin cơ bản +<b>15</b>%</a></div></div>
        <div class="sharingtip">
          <div class="icontip"></div>
           <div class="tip"><a>Thêm hình đại diện +<b>15</b>%</a></div></div>
        <div class="sharingtip">
          <div class="icontip"></div>
           <div class="tip"><a>Thêm thông tin về sở thích +<b>15</b>%</a></div></div>
        <div class="sharingtip">
          <div class="icontip"></div>
           <div class="tip"><a>Chia sẻ mục tiêu của bạn +<b>15</b>%</a></div></div>
        <div class="w6"></div>
        <div id="hot"> <b>Tại sao bạn phải cập nhật thông tin cá nhân ?</b><br />
          <br />
          iGoal sẽ dựa trên thông tin cơ bản của bạn để gợi ý danh sách những bạn bè của bạn hiện đang hoạt động trên iGoal </div>
      </div>
      <div class="question">
        <h1>Giới thiệu bản thân</h1>
      </div>
      <div id="aboutme">
        <div class="top"></div>
        <div class="middle">
        <div class="icon"></div>
        <div class="editabletext">Tôi 20 tuổi, nhiều hoài bão, ước mơ! Tôi luôn đặt mục tiêu cho bản thân mình để hướng đến và hoàn thiện mình hơn...</div>
        </div>
        <div class="buttom"> </div>
        <div class="question">
          <h1>Danh sách bạn bè <b style="color:#CA4A0C">(18)</b></h1>
          <div class="dem1"><a class="viewall"></a></div>
        </div>
        <div class="myfriend">
          <div class="avatar"><img src="images/avatar/_r1_c1.png" alt="" /></div>
          <div class="infofriend"> <div class="friendname"><a>Phan Sang</a></div>
            <div class="text">3 mục tiêu | cập nhật cách đây 3 giờ</div>
            <div class="off">OFFLINE</div>
          </div>
        </div>
        <div class="w6"></div>
        <div class="w3"></div>
        <div class="w6"></div>
        <div class="myfriend">
          <div class="avatar"><img src="images/avatar/_r3_c1.png" alt="" /></div>
          <div class="infofriend"> <div class="friendname"><a>Thanh Liem</a></div>
            <div class="text">3 mục tiêu | cập nhật cách đây 3 giờ</div>
            <div class="on">ONLINE</div>
          </div>
        </div>
        <div class="w6"></div>
        <div class="w3"></div>
        <div class="w6"></div>
        <div class="myfriend">
          <div class="avatar"><img src="images/avatar/_r5_c1.png"></div>
          <div class="infofriend"> <div class="friendname"><a>liembusinessman</a></div>
            <div class="text">3 mục tiêu | cập nhật cách đây 3 giờ</div>
            <div class="off">OFFLINE</div>
          </div>
        </div>
        <div class="w6"></div>
        <div class="w3"></div>
        <div class="w6"></div>
        <div class="myfriend">
          <div class="avatar"><img src="images/avatar/_r7_c1.png" alt="" /></div>
          <div class="infofriend"> <div class="friendname"><a>Obama</a></div>
            <div class="text">3 mục tiêu | cập nhật cách đây 3 giờ</div>
            <div class="on">ONLINE</div>
          </div>
        </div>
        <div class="w6"></div>
        <div class="w3"></div>
        <div class="w6"></div>
        <div class="myfriend">
          <div class="avatar"><img src="images/avatar/_r9_c1.png" alt=""></div>
          <div class="infofriend"> <div class="friendname"><a>Osama Binladen</a></div>
            <div class="text">3 mục tiêu | cập nhật cách đây 3 giờ</div>
            <div class="off">OFFLINE</div>
          </div>
        </div>
        <div class="w6"></div>
        <div class="question">
          <h1>Có thể bạn biết</h1>
          <div class="dem2"><a class="nextframe"></a><a class="prevframe"></a></div>
        </div>
        <div class="myfriend">
          <div class="avatar"><img src="images/avatar/_r7_c1.png" alt=""></div>
          <div class="infofriend"> <div class="friendname"><a>Putil olami</a></div>
            <div class="text">Có chung 5 bạn bè</div>
            <div class="off">OFFLINE</div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
</body>
</html>
